<template>
  <!-- 生态环境form -->
  <div>
    <el-form :model="enviroform">
      <el-form-item label="水环境" :label-width="formLabelWidth">
        <el-input
          :readonly="true"
          v-model="enviroform.bWaterEnvironment"
          rows="5"
          type="textarea"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="土环境" :label-width="formLabelWidth">
        <el-input
          :readonly="true"
          v-model="enviroform.bSoilEnvironment"
          rows="5"
          type="textarea"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="大气环境" :label-width="formLabelWidth">
        <el-input
          :readonly="true"
          v-model="enviroform.bAirEnvironment"
          rows="3"
          type="textarea"
          autocomplete="off"
        ></el-input>
      </el-form-item>
      <el-form-item label="总体评价" :label-width="formLabelWidth">
        <el-select disabled v-model="enviroform.bTotalityAppraise" placeholder="评价" :readonly="true">
          <el-option label="优" value="ample"></el-option>
          <el-option label="良" value="nice"></el-option>
          <el-option label="合格" value="qualified"></el-option>
          <el-option label="不合格" value="unqualified"></el-option>
        </el-select>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: "environment-form",
  props: {
    enviroformData: {
      type: Object
    }
  },
  data() {
    return {
      enviroform: {
        waterenviro: "",
        soildenviro: "",
        airenviro: "",
        region: "",
        date1: "",
        date2: "",
        delivery: false,
        type: [],
        resource: "",
        desc: ""
      },
      formLabelWidth: "120px"
    };
  },

  watch: {
    enviroformData: {
      immediate: true,
      handler(val) {
        this.enviroform = val;
      }
    }
  }
};
</script>